<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微信立减金详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta name="Keywords" content="">
		<meta name="Description" content="">

		<!-- Mobile Devices Support @begin -->

		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- apple devices fullscreen -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<!-- Mobile Devices Support @end -->
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 调试用的移动端 console -->
		<!-- <script src="https://cdn.jsdelivr.net/npm/eruda"></script> -->
		<!-- <script>eruda.init();</script> -->
		<!-- 公众号 JSSDK -->
		<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
		<!--
			1.已认证的服务号
			2.公众号的唯一标识appid&秘钥
			3.小程序关联公众号
			4.
		 -->
		 <style type="text/css">
			body{
				padding: 0;
				width: 100%;
				margin: auto;
			 }
			.h5_view{
				width: 100%;
				height: 426px;
				z-index: -1;
				background-image: url('https://jinjian.sutpay.cn/image/wyh_bg179.png');
				background-size: 100% 100%;
			}
			.act_title{
				font-size: 32px;
				text-align: center;
				padding-top: 48px;
				color: #FFF8D4;
				text-shadow: 2px 3px 0px rgba(189, 29, 0, 0.63);
			}
			.amount{
				text-align: center;
				padding-top: 48px;
				font-size: 39px;
				font-weight: bold;
				color: #EB0000;
			}
			.amount span{
				font-size: 22px;
			}
			.floor{
				margin: auto;
				width: fit-content;
				height: 22px;
				line-height: 22px;
				background: linear-gradient(90deg, rgba(255,229,192,0) 0%, #FFE5C0 16%, #FFE5C0 85%, rgba(255,229,192,0) 100%);
				color: #310400;
				font-size: 14px;
				padding: 0 25px;
			}
			.time_box{
				width: 348px;
				height: 145px;
				margin: auto;
				margin-top: 50px;
				padding-top: 1px;
				background-image: url('https://jinjian.sutpay.cn/image/wyh_bg180_1.png');
				background-size: 100% 100%;
			}
			.time_head{
				width: 85px;
				height: 23px;
				text-align: center;
				line-height: 23px;
				background: #FEDDBD;
				border-radius: 2px 10px 2px 10px;
				font-size: 14px;
				margin-top: 18px;
				margin-left: 30px;

			}
			.h5_bg{
				width: 100%;
				background: linear-gradient(0deg, #E34323,#FA6B38);
			}
			.time_text{
				color: #310400;
				font-size: 14px;
				margin-left: 30px;
				margin-top: 8px;
			}
			.get_box{
				margin: auto;
				margin-top: 10px;
				width: 348px;
				height: 143px;
				background-image: url('https://jinjian.sutpay.cn/image/wyh_bg180_2.png');
				background-size: 100% 100%;
				position: relative;
			}
			.get_title{
				text-align: center;
				font-size: 16px;
				color: #863300;
				font-weight: bold;
				padding-top: 9px;
			}
			.get_left{
				width: 210px;
				max-lines: 30px;
				font-size: 14px;
				margin-top: 20px;
				margin-left: 30px;
			}
			.get_text{
				color: #EB1400;
				font-size: 12px;
				margin-left: 24px;
			}
			.code_img{
				width: 75px;
				height: 75px;
				position: absolute;
				right: 20px;
				top: 40px;
			}
			.sm_title{
				width: 69px;
				margin: auto;
				margin-top: 12px;
				color: #FFFFFF;
				font-size: 16px;
				position: relative;
			}
			.sm_line{
				width: 68px;
				height: 3px;
				background: #FFFFFF;
				opacity: 0.2;
				position: absolute;
				top: 18px;
			}
			.sm_text{
				width: 341px;
				line-height: 20px;
				color: #FFD7D2;
				font-size: 13px;
				margin: auto;
				margin-top: 13px;
			}
		 </style>
	</head>
	<body>
		<div class="h5_view">
			<div class="act_title">
				{{ activity_name }}
			</div>
			<div class="amount">
				<span>￥</span>{{ amount }}
			</div>
			<div class="floor">{{ floor_amount }}</div>
			<div class="time_box">
				<div class="time_head">固定时间段</div>
				<div class="time_text">{{ activity_valid_period }}</div>
				<div class="time_head" style="margin-top: 10px;">活动时间</div>
				<div class="time_text">{{ publish_start_time }} - {{ publish_end_time }}</div>
			</div>
			<div class="h5_bg">


				<div class="get_box">
					<div class="get_title">领取方式</div>
					<div class="get_left">用户请将本页面截图保存后，使用微信APP扫一扫功能扫码领取</div>
					<div class="get_text">（该码仅限领取一次）</div>
					<img class="code_img" src="{{ common_qrcode }}" />
				</div>
				<div class="sm_title">
					<div>使用说明</div>
					<div class="sm_line"></div>
				</div>
				<div class="sm_text">1、用户使用微信支付时选择邮储银行储蓄卡，满足条件自动抵扣；</div>
				<div class="sm_text">2、具体有效期以微信立减金信息界面显示为准，逾期作废，不予补发；</div>
				<div class="sm_text">3、使用微信立减金享受优惠的订单，如发生全额退款，且立减金仍在有效期内，立减金将自动退还给用户，如立减金已过期，则不退还给用户；如发生部分退款，客户支付金额将按比例原路退还，立减金视为客户已使用，后续不予补发；</div>
				<div class="sm_text">4、在中国境内商户使用微信支付即可使用，少数特定商户、零钱通、理财通等无法使用；社交支付（如转账、红包、个人收款码支付等）及合单支付（微信支付订单号为41开头的交易）无法使用，具体使用范围以实际支付界面展示情况为准予补发；</div>
				<div class="sm_text">5、同一微信号、同一手机号码、同一银行卡号、同一身份证号码、同一手机设备，符合其中一个条件者视为同一用户。</div>
				<div style="height: 30px;">

				</div>
			</div>
		</div>

		<script>

		</script>
	</body>
</html>
